import { Meta } from '@storybook/addon-docs/blocks';

<Meta title="Getting Started/Welcome" />

<style>
    {`
    .sbdocs-wrapper > div:has(div > .toc-wrapper) {
      display: none;
    }
  `}
</style>

![Webiny Design System cover](/images/design-system-cover.png)

# Welcome

Welcome to the Webiny Design System, your go-to resource for creating consistent, user-friendly, and innovative interfaces across all Webiny applications.

The Webiny Design System is a collection of UI components, guidelines, and best practices that help you build interfaces that are not only visually appealing but also highly functional and accessible. Whether you're a developer, designer, or product manager, this system provides the tools and resources you need to create exceptional user experiences.

## What You'll Find Here

In this documentation, you'll find the following:

1. **Components**: A comprehensive list of UI components, each with its own documentation, usage examples, and code snippets. You'll learn how to use these components to build your interfaces, as well as how to customize them to fit your specific needs.

2. **Guidelines**: A set of design and development guidelines that help you create consistent and accessible interfaces. These guidelines cover topics such as color, layout, and accessibility.

3. **Best Practices**: A collection of best practices for building interfaces that are not only visually appealing but also highly functional and accessible. These best practices cover topics such as form design, button usage, and error handling.

## How to Use This Documentation

To get started, we recommend that you explore the different components and their documentation. Each component has its own page with usage examples, code snippets, and additional resources.

If you're looking for something specific, you can use the search bar at the top of the page to find what you're looking for.

## Feedback and Contributions

We welcome feedback and contributions to the Webiny Design System. If you have questions, suggestions, or bug reports, feel free to reach out on our 👉 [community Slack](https://www.webiny.com/slack) or open an issue on our [GitHub repository](https://github.com/webiny/webiny-js).
